<template>
    <div class="af-container">
        <div class="af-center">
            <div id="af-toolbar">
                <span style="float:left">重置</span>
                <span @click="cancel" style="float:right">取消</span>
            </div>
            <div id="af-item"></div>
        </div>
        <x-button @click.native="ok" class="af-ok" type="warn">确定</x-button>
    </div>
</template>

<script>
    import {Scroller ,XButton} from 'vux'

export default{
    name:"ActivityFilter",
    data(){
        return {
            filters:{

            }
        }
    },
    methods:{
        cancel: function(){
            this.$router.push("/")
        },
        ok: function(){
            this.$router.push({
                path: "/",
                query: this.filters
            })
        }
    },

    components:{
        Scroller,
        XButton
    }
}
</script>


<style scoped>
.af-container{
    width: 100%;
    height: 100%;
    background-color: #efefef;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
}
.af-center{
    width: 80%;
    margin: 0 auto;
    border-bottom: solid 1px #efefef;
    margin-top: 5px;
}

.af-ok{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
}
</style>
